<template>
  <div class="container">
    <div class="header">
      <p v-text="assetUnit.name">港华大厦 1901</p>
    </div>
    <div class="content">
      <div class="cell-title">
        <label>建筑编号：</label><span v-text="assetUnit.code"> GHDS-0001</span>
      </div>
      <div class="cell-title">
        <label>楼层单元：</label><span v-text="assetUnit.floorNo + '层' + assetUnit.unit + '室'"> 2单元 1901 室</span>
      </div>
      <div class="cell-title">
        <label>面积：</label><span v-text="assetUnit.area"></span>
      </div>
      <div class="cell-title">
        <label>企业：</label><span v-text="assetUnit.merchant"> GHDS-0001</span>
      </div>
      <div class="cell-title">
        <label>项目：</label><span v-text="assetUnit.project"> GHDS-0001</span>
      </div>
      <div class="cell-title">
        <label>负责人：</label><span  v-text="assetUnit.respOwner"> GHDS-0001</span>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data (){
      return {

      }
    },
    props: ['assetUnit']
  }
</script>
<style scoped lang="scss">
  @import '../../base/css/_base';
  .container {
    background: #fff;
    margin: 10px 0;

    .header{
      padding: 10px 10px;
      border-bottom: 1px solid #dddee1;
      @include fz(6px)
    }
    .content{
      padding: 10px;
      .cell-title{
        padding: 2px 0;
        line-height: 1.5;
        @include flex-left;
        text-align:justify;
        label{
          color: #80848f;
          display:inline-block;
          width: 70px;

          flex: 1;
          @include fz(6px)
        }
        span {
          @include fz(6px)
        }
      }
    }
  }
</style>
